<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %> 
<html>
<head>
	<title>员工管理</title>
	<%@include file="/WEB-INF/views/commons/commons.jsp"%>
	<script src="/static/js/system/employee.js"></script>
</head>
<body>
<table id="emp_datagrid" >

</table>
<div id="emp_toolbar">
	<div>
	
	<a class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="add">新增</a>
	<a class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit">编辑</a>
	<a class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" id="change_btn" data-cmd="changeState">离职</a>
	<a class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>
	</div>
	
	<div>
		关键字:<input class="easyui-textbox" name="keyword" id="keyword" prompt="按照名字或电话查询">

		<a  class="easyui-linkbutton"  data-options="iconCls:'icon-search', plain:true" data-cmd="query">查询</a>
	</div>
</div>

<div id ="bb">
	<a  class="easyui-linkbutton"  data-options="iconCls:'icon-save',plain:true" data-cmd="save">保存</a>
	<a  class="easyui-linkbutton"  data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
</div>


<!-- 对话框按钮 -->
<div id="emp_dialog">
        <form  id="emp_form"  method="post" action="">
        <input type="hidden" name="id" id="empId"/>
				<table  align="center" style="margin-top: 30px; border-collapse: separate; border-spacing: 0px 10px;" >
					<tr>
							<th>用户名</th>
							<th><input class="easyui-textbox" name="username" prompt="请输入用户名" invalidMessage="用户名已存在"
									   validType="remote['/employee/validateUsername?id='+empId.value, 'username']"/></th>
					</tr>
					<tr>
							<th>真实姓名</th>
							<th><input class="easyui-textbox"  name="realname"/></th>
					</tr>
					<tr>
							<th>联系电话</th>
							<th><input class="easyui-textbox"  name="tel"/></th>
					</tr>
					<tr>
							<th>邮箱</th>
							<th><input  class="easyui-textbox"  name="email"/></th>
					</tr>
					<tr>
							<th>部门</th>
							<th>
								<input name="dept.id" class="easyui-combobox"
										data-options="valueField:'id',textField:'name',url:'/department/queryDepts',
										panelHeight:'auto'"/>
							</th>
					</tr>

					<tr>
						<th>入职时间</th>
						<th><input  class="easyui-datebox"  name="hiredate"/></th>
					</tr>


					<tr>
							<th>管理员</th>
							<th>
								<input name="admin" class="easyui-combobox"
										data-options="valueField:'value',textField:'label',
											panelHeight:'auto', data:[{label:'是', value:'1'},{label:'否', value:'0'}]"/>
							</th>
					</tr>
					<tr>
						<th>角色</th>
						<th>
							<input id="rolesId" class="easyui-combobox"
								   data-options="valueField:'id',textField:'name',url:'/role/queryRoles',
										panelHeight:'auto', multiple:true"/>
						</th>
					</tr>

				</table>
        </form>

</div>
</body>
</html>